<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>5-媒体标签</title>
</head>
<body>
    <!-- 
        媒体标签:
          图片:<img src=""/>
          自有属性：
                src、alt、title、width、height
          音频
          <audio src=""/>
          视频
          <video src=""/>
          属性：controls 显示控件  autoplay 自动播放  loop循环播放
     -->
     <img src="source/123.png" alt="123.png" title="约翰逊图片" width="100px" height="50px">
     <hr>
     <audio src="source/1.mp3" controls autoplay loop></audio>
     <hr>
     <video src="source/2.mp4" controls autoplay loop></video>

     <img src="./source/123.png" alt="">

     <!-- 
        路径：
         绝对路径：E:\web-onelevel78\html-css02\source\123.png
         相对路径: 相对谁? 5-媒体标签.html  source/123.png
      -->

</body>
</html>